<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>云创软件--我要理财 标详情页</title>
		<link rel="stylesheet" type="text/css" href="style.css"/>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tab.js" type="text/javascript" charset="utf-8"></script>
	</head>
	
	<body>
		
		<div class="head">
			<div class="head-top">
				<div class="w1000">
					<div class="head-top-left l">
						<a href="/"><i class="icon-app mr5"></i>移动客户端</a>
					</div>
					<div class="head-top-right r">
						<a class="reg-link br1" style="">快速注册</a>
						<a class="login-link br1" href="/">立即登录</a>
						<a class="br1" href="/">帮助</a>
						<a href="/">利息计算器</a>
					</div>
				</div>
			</div>
			<div class="head-main">
				<div class="w1000">
  					<div class="logo">
  							<a href="/"><img src="images/logo.png"></a><img src="images/slogan.png">
  					</div>
				<div class="nav">
   					<ul>
   						 <li><a class="hover" href="/">首页</a></li>
    					 <li><a href="/">我要理财</a></li>
   						 <li><a href="/">我有借款</a></li>
    					 <li><a href="/">我的账户</a></li>
    					 <li><a href="/">关于我们</a></li>
					 </ul>
				</div>
			  </div>
            </div>
		</div>
		<!--Index head-->
		<div class="investment-title-detail w1000">
			<div class="investment-title-detail-left">
				<h1><i class="list-icon-xy">信</i>定投一号2014111902</h1>
				<ul class="mrt20">
					<li>
						<ul class="investment-li">
							<li>项目总额</li>
							<li>年化收益率</li>
							<li>还款期限</li>
						</ul>
					</li>
					<li>
						<ul class="investment-li" >
							<li style="border-bottom: 1px solid #DCDCDC;"><span class="col-orange f28">250,000</span>元</li>
							<li style="border-bottom: 1px solid #DCDCDC;"><span class="col-orange f28">16.8</span>%</li>
							<li style="border-bottom: 1px solid #DCDCDC;"><span class="col-orange f28">1</span>个月</li>
						</ul>
					</li>
				</ul>
				<ul>
					<li>
						<ul class="investment-li">
							<li>投资进度：
								<div class="investment-progress-background">
									<div class="investment-progress-bar" style="width:50%"></div>
								</div>
								<span>50%</span>
							</li>
							<li>还款方式：一次性还款</li>
							<li>还需金额：5000元</li>
							
						</ul>
					</li>
					<li>
						<ul class="investment-li">
							<li>计息方式：即投即计息</li>
							<li>起投金额：100元</li>
							<li>最多投资金额：5000元</li>
						</ul>
					</li>
					<li>
						<ul class="investment-li">
							<li>发布时间：2015-02-26 10:10</li>
							<li>剩余时间：<span class="col-red">1天20小时8分</span></li>
							<li>投资奖励：<span class="col-orange">0.5</span>%</li>
							
						</ul>
					</li>
				</ul>
			</div>
			<div class="investment-title-detail-right f16">
				<ul>
					<li>可用金额：<span class="col-orange f18">0.00</span>元</li>
					<li>投标金额：<input class="ui-input valid" type="text"></li>
					<li>支付密码：<input class="ui-input valid" type="text"></li>
					<li class="txt-c mrt5"><a class="investment-detail-ing" href="">立即投标</a></li>
				</ul>
			</div>
		</div>
		
		
		
		
		
		
		<div class="investment-detail-con w1000">
			<div id="investment-detail-tab">
				<ul>
					<li class="title-hover">
						<a onclick="changeTab(this)" href="javascript:void(0);">项目描述</a>
					</li>
					<li><a onclick="changeTab(this)" href="javascript:void(0);">资质文件</a></li>
					<li><a onclick="changeTab(this)" href="javascript:void(0);">借款人信息</a></li>
					<li><a onclick="changeTab(this)" href="javascript:void(0);">投资记录</a></li>
				</ul>
			</div>
			
			<div class="investment-detail-wrap">
				<div class="investment-detail-wrap-con">
				  <p>项目介绍。。。</p>
				</div>
				
				<div class="investment-detail-wrap-con" style="display: none;">
				  <div class="investment-detail-pic-box">
				  	<img src="images/media-pic.jpg" width="210" height="160"/>
				  	<p>营业执照</p>
				  </div>
				  <div class="investment-detail-pic-box">
				  	<img src="images/media-pic.jpg" width="210" height="160"/>
				  	<p>营业执照</p>
				  </div>
				  <div class="investment-detail-pic-box">
				  	<img src="images/media-pic.jpg" width="210" height="160"/>
				  	<p>营业执照</p>
				  </div>
				  <div class="investment-detail-pic-box">
				  	<img src="images/media-pic.jpg" width="210" height="160"/>
				  	<p>营业执照</p>
				  </div>
				  <div class="investment-detail-pic-box">
				  	<img src="images/media-pic.jpg" width="210" height="160"/>
				  	<p>营业执照</p>
				  </div>
				  <div class="investment-detail-pic-box">
				  	<img src="images/media-pic.jpg" width="210" height="160"/>
				  	<p>营业执照</p>
				  </div>
				</div>
			  
			  <div class="investment-detail-wrap-con" style="display: none;">
			  	<h4>基本信息</h4>
			  	<table border="1" cellspacing="" cellpadding="" width="100%">
			  		<tr>
						<td>性别：男</td>
						<td>年龄：30</td>
						<td>婚姻状况：已婚</td>
					</tr>
					<tr>
						<td>文化程度：本科</td>
						<td>购房情况：按揭购房</td>
						<td>购车情况：按揭购车</td>
					</tr>
			  	</table>
			  	
			  	<h4>信用档案</h4>
			  	<table border="1" cellspacing="" cellpadding="" width="100%">
			  		<tr>
						<td>成功借款（笔）：1</td>
						<td>正常还款（笔）：0</td>
						<td>逾期还款（笔）：0</td>
					</tr>
					<tr>
						<td>借款总额（元）：47,100.00</td>
						<td>待还本息（元）：47,100.00</td>
						<td>逾期金额（元）：0.00</td>
					</tr>
			  	</table>
			  	
			  	<h4>资料审核</h4>
			  	<table border="1" cellspacing="" cellpadding="" width="100%">
			  		<tr>
			  			<th>资料类型</th>
						<th>状态</th>
						<th>审核时间</th>
			  		</tr>
			  		<tr>
						<td>房产证</td>
						<td><img src="images/blue-right.png"/></td>
						<td>2015-01-10</td>
					</tr>
					<tr>
						<td>银行流水</td>
						<td><img src="images/blue-right.png"/></td>
						<td>2015-01-10</td>
					</tr>
					<tr>
						<td>借条</td>
						<td><img src="images/blue-right.png"/></td>
						<td>2015-01-10</td>
					</tr>
			  	</table>
			  	
				
			  </div>
			  
			 <div class="investment-detail-wrap-con" style="display: none;">
				<table border="1" cellspacing="" cellpadding="" width="100%">
					<tr>
						<th>投标人</th>
						<th>投标金额</th>
						<th>投标时间</th>
					</tr>
					<tr>
						<td>vic***</td>
						<td>200.00元</td>
					    <td>2015-02-26 14:07:05</td>
					</tr>
				</table>
			  </div>
			  
			</div>
		</div>
		
		<script>
		$(function () {
    		$('#investment-detail-tab li').click(function () {
    			var liindex = $('#investment-detail-tab li').index(this);
            $(this).addClass('title-hover').siblings().removeClass('title-hover');
            $('.investment-detail-wrap div.investment-detail-wrap-con').eq(liindex).fadeIn(150).siblings('div.investment-detail-wrap-con').hide();
    });
    });
</script>

		<!--Index foot -->
		<div class="footer">
 			 <div class="w1000">
  			<div class="foot-list">
            <ul>
                <li class="first">诚信保障</li>
                <li><a href="/">>法律政策</a></li>
                <li><a href="/">>本金保障</a></li>
                <li><a href="/">>工作原理</a></li>
                <li><a href="/">>资费说明</a></li>
            </ul>
            </div>
        <div class="foot-list">
            <ul>
            <li class="first">关于网站</li>
                <li><a href="/">>公司团队</a></li>
                <li><a href="/">>媒体报道</a></li>
                <li><a href="/">>招贤纳士</a></li>
                <li><a href="/">>联系我们</a></li>
 </ul>
        </div>
        <div class="foot-list">
            <ul>
                <li class="first">新手指引</li>
                <li><a href="/">> 免费注册</a></li>
                <li><a href="/">> 如何投资</a></li>
                <li><a href="/">> 如何提现</a></li>
                <li><a href="/">> 资费说明</a></li>
            </ul>
        </div>

        <div class="foot-list" style="border-right: 1px solid #dcdcdc;">
            <ul>
                <li class="first">微信客户端</li>
                <li style="margin-top:8px;"><img height="105" src="images/wx.jpg"></li>

            </ul>
        </div>
    
    
    <div class="footer-r">
    <ul>
    <li class="footer-dh">400-838-2252</li>
    <li class="footer-qq">官方QQ群:12345678</li>
    <li class="footer-tel"><a href="/">在线咨询</a></li>
    <li class="footer-service">人工服务时间(9:00am-18:00pm)</li>
    </ul>
  </div>  
  </div>
   <div class="clear"></div>
   
   <div class="bottom">
     
     <p><a class="footer-index" href="/">网站首页</a>   |
     	<a class="footer-about" href="/">关于我们</a>   |
     	<a class="footer-site" href="/">网站地图 </a>  |
     	<a class="footer-help" href="/">帮助中心</a></p>
      <p>Copyright Reserved 2010-2014©云创软件（www.gsdai.com） | 粤ICP备00000000号 | 深圳云创软件服务有限公司</p>
   </div>
    </div>
	</body>
</html>
